<template>
	<view class="duilianpt" >
		<view  v-for="(item,inx) in dataList.meansList" :key="inx">
			
			
			<u-row justify="space-between" gutter="10">
				<u-col span="2">
					<view class="text-center u-content-color"><text>{{item.issue}}期</text></view>
				</u-col>
						
				<u-col span="8">
					<view class="centent6">
						<u-row v-for="(vl,vk) in item.means" :key="vk">
							<u-col span="12">
								<view class="zodiac" style="justify-content: left;">
									<text class="blue-text" >{{getFirstCharacter(vl.title)}}:</text>
									<text 
									style="margin-right:0"
									:class="{'draw-active' : fv.isTrue, 
									'blue-text':(fv.color == 'blue'), 
									'green1-text':(fv.color == 'green'), 
									'red-text':(fv.color == 'red')}" 
									v-for="(fv,fk) in vl.code" :key="fk">
									{{fv.value}}
									<text v-if="fk < (vl.code.length -1)">.</text>
									</text>
								</view>
							</u-col>
						</u-row>
					</view>
				</u-col>
						
				<u-col span="2">
					<view class="zodiac nowrap">
						<text v-if="item.is_true > 0 && item.drawp" >{{item.drawp}}</text>
						<text v-else  class="red-text">{{item.drawp || '??'}}</text>
						</view>
				</u-col>
				<!-- <u-col span="1"><u-icon name="checkmark" size="16" color="#FF0000" style="margin-left: 10rpx; font-weight: bold;"></u-icon></u-col> -->
			</u-row>
		</view>
	</view>
</template>

<script>
export default {
	name: 'DanShuangShiMa',
	props: {
	    // 定义一个名为dataList的prop来接收数组数据
	    dataList: {
	      type: [Object,Array],
	      default: () => {
			  return {};
		  },
	    },
		isShowAll :{
			type:[Boolean],
			default : () =>{
				return false;
			}
		},
	},
	data(){
		return {
		}
	},
	mounted() {
		
	},
	methods: {
		getFirstCharacter(str) {
		      return str.charAt(0); // 或者使用 str[0]
		    }
	}
};
</script>

<style lang="scss" scoped>
@import "@/static/css/common.css";
</style>
